<template>
	<view class="deposit-tag">
		<view class="label">押</view>
		<view class="p">
			<price-format color="#FF2C3C" :first-size="24" :second-size="24" :subscript-size="24" :price="price"
				:weight="500"></price-format>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		components: {},
		props: {
			price: {
				type: [String, Number],
				default: ""
			},
			
		},
		methods: {
			
		}
	};
</script>
<style lang="scss" scoped>
	.deposit-tag {
		height: 38rpx;
		border-radius: 4rpx;
		border: 1rpx solid #FF2C3C;
		display: flex;
		align-items: center;

		.label {
			width: 38rpx;
			height: 36rpx;
			background-color: #FF2C3C;
			color: #fff;
			font-size: 24rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.p {
			font-size: 24rpx;
			color: #FF2C3C;
			padding: 0 10rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>